<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
  <title>全新（幻零）三国搭建服务</title>
  <style>
    /* 全局样式重置与基础设置 */
    * {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      -webkit-tap-highlight-color: transparent;
    }

    :root {
      --primary-color: #c53030;
      --secondary-color: #2c5282;
      --accent-color: #f6ad55;
      --background-color: #f7fafc;
      --text-color: #2d3748;
      --border-color: #e2e8f0;
      --card-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
      --highlight-color: #e53e3e;
    }

    body {
      background-image: linear-gradient(135deg, #1a365d 0%, #2c5282 100%);
      color: var(--text-color);
      font-family: -apple-system, BlinkMacSystemFont, "微软雅黑", sans-serif;
      line-height: 1.5;
      min-height: 100vh;
      padding: 10px;
    }

    /* 页面容器样式 */
    .container {
      width: 100%;
      max-width: 600px;
      margin: 0 auto;
      background-color: rgba(255, 255, 255, 0.98);
      border-radius: 12px;
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
      overflow: hidden;
      margin-bottom: 60px; /* 为底部导航栏留出空间 */
    }

    /* 标题样式 */
    .page-title {
      background: linear-gradient(135deg, var(--secondary-color), #1a365d);
      color: #fff;
      padding: 15px;
      text-align: center;
      font-size: 22px;
      font-weight: bold;
      text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
      border-bottom: 3px solid var(--accent-color);
    }

    /* 分类标题样式 */
    .section-title {
      background: linear-gradient(to right, var(--secondary-color), #4299e1);
      color: white;
      padding: 12px 15px;
      font-size: 18px;
      font-weight: bold;
      display: flex;
      align-items: center;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
      margin-top: 10px;
    }

    .section-title::before {
      content: "🛠️";
      margin-right: 8px;
      font-size: 18px;
    }

    /* 卡片容器 */
    .cards-container {
      padding: 15px;
    }

    /* 卡片样式 */
    .card {
      background: white;
      border-radius: 8px;
      padding: 15px;
      margin-bottom: 15px;
      box-shadow: var(--card-shadow);
      border-left: 4px solid var(--secondary-color);
    }

    .card-title {
      color: var(--secondary-color);
      font-weight: bold;
      font-size: 17px;
      margin-bottom: 10px;
      padding-bottom: 8px;
      border-bottom: 1px solid var(--border-color);
    }

    .card-content {
      color: var(--text-color);
      font-size: 15px;
      line-height: 1.6;
    }

    /* 价格项目样式 */
    .price-item {
      display: flex;
      justify-content: space-between;
      margin-bottom: 8px;
      padding-bottom: 8px;
      border-bottom: 1px dashed #edf2f7;
    }

    .price-item:last-child {
      border-bottom: none;
      margin-bottom: 0;
      padding-bottom: 0;
    }

    .price-name {
      flex: 1;
    }

    .price-value {
      font-weight: bold;
      color: var(--primary-color);
    }

    /* 底部说明样式 */
    .ps {
      padding: 15px;
      background: linear-gradient(to right, #f8f9fa, #ffffff);
      border-top: 2px solid var(--border-color);
      color: var(--primary-color);
      font-weight: bold;
      text-align: center;
      font-size: 14px;
    }

    /* 促销标签 */
    .promo-tag {
      background-color: var(--highlight-color);
      color: white;
      padding: 4px 10px;
      border-radius: 20px;
      font-size: 14px;
      font-weight: bold;
      display: inline-block;
      margin-top: 10px;
      animation: pulse 2s infinite;
    }

    @keyframes pulse {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05);
      }
      100% {
        transform: scale(1);
      }
    }

    /* 注释文本 */
    .note {
      font-size: 14px;
      color: #718096;
      margin-top: 10px;
      padding-top: 10px;
      border-top: 1px dashed #edf2f7;
    }
    
    /* 模态框样式 */
    .modal {
      display: none;
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      z-index: 2000;
      overflow-y: auto;
      padding: 20px 0;
    }
    
    .modal-content {
      background-color: white;
      width: 90%;
      max-width: 600px;
      margin: 0 auto;
      border-radius: 12px;
      box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
      position: relative;
      padding-bottom: 15px;
    }
    
    .modal-header {
      background: linear-gradient(135deg, var(--secondary-color), #1a365d);
      color: white;
      padding: 15px;
      border-top-left-radius: 12px;
      border-top-right-radius: 12px;
      text-align: center;
      font-weight: bold;
      font-size: 18px;
      position: relative;
      border-bottom: 3px solid var(--accent-color);
    }
    
    .close-button {
      position: absolute;
      right: 15px;
      top: 50%;
      transform: translateY(-50%);
      color: white;
      font-size: 24px;
      cursor: pointer;
      background: none;
      border: none;
      outline: none;
    }
    
    .modal-body {
      padding: 15px;
      max-height: 70vh;
      overflow-y: auto;
    }
    
    .feature-item {
      display: flex;
      justify-content: space-between;
      padding: 10px 0;
      border-bottom: 1px solid var(--border-color);
    }
    
    .feature-item:last-child {
      border-bottom: none;
    }
    
    .feature-name {
      flex: 1;
    }
    
    .feature-desc {
      color: #4a5568;
      font-size: 14px;
      margin-top: 3px;
    }
    
    .feature-price {
      font-weight: bold;
      color: var(--primary-color);
      white-space: nowrap;
      margin-left: 10px;
    }
    
    .sensitive-content {
      color: #a0aec0;
      font-style: italic;
    }

    /* 底部导航栏 */
    .nav-bar {
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: linear-gradient(135deg, var(--secondary-color), #1a365d);
      padding: 10px 5px;
      display: flex;
      justify-content: space-around;
      box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
      z-index: 1000;
      width: 100%;
    }

    .nav-button {
      background: linear-gradient(to bottom, #4299e1, var(--secondary-color));
      color: white;
      border: none;
      padding: 8px 12px;
      border-radius: 6px;
      font-size: 14px;
      font-weight: bold;
      cursor: pointer;
      transition: transform 0.2s ease, box-shadow 0.2s ease;
      text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
      white-space: nowrap;
      flex: 1;
      margin: 0 3px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      min-height: 44px; /* 确保触摸区域足够大 */
    }

    .nav-button:active {
      transform: scale(0.95);
      box-shadow: 0 0 5px rgba(255, 255, 255, 0.3);
    }

    /* 导航按钮图标 */
    .nav-button::before {
      content: "";
      display: block;
      width: 20px;
      height: 20px;
      margin-bottom: 4px;
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
    }

    .nav-button:nth-child(1)::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z'%3E%3C/path%3E%3C/svg%3E");
    }

    .nav-button:nth-child(2)::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M12 2L4.5 20.29l.71.71L12 18l6.79 3 .71-.71z'%3E%3C/path%3E%3C/svg%3E");
    }

    .nav-button:nth-child(3)::before {
      background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z'%3E%3C/path%3E%3C/svg%3E");
    }

    @media (max-width: 480px) {
      .nav-button {
        font-size: 12px;
        padding: 6px 4px;
      }
      
      .nav-button::before {
        width: 18px;
        height: 18px;
        margin-bottom: 2px;
      }
    }

    @media (max-width: 360px) {
      .nav-button {
        font-size: 10px;
        padding: 6px 2px;
      }
      
      .nav-button::before {
        width: 16px;
        height: 16px;
        margin-bottom: 2px;
      }
    }
  </style>
</head>

<body>
  <div class="container">
    <!-- 页面标题 -->
    <div class="page-title">全新（幻零）三国搭建</div>

    <!-- 搭建价格板块 -->
    <div class="section-title">搭建价格</div>
    <div class="cards-container">
      <div class="card">
        <div class="card-content">
          <div class="price-item">
            <div class="price-name">搭建费用</div>
            <div class="price-value">888元</div>
          </div>
          <div>赠送基础功能全功能（定制功能除外）</div>
          <div class="promo-tag">限时8折优惠！仅限前10位！</div>
        </div>
      </div>
    </div>

    <!-- 服务器说明板块 -->
    <div class="section-title">服务器说明</div>
    <div class="cards-container">
      <div class="card">
        <div class="card-content">
          <div class="price-item">
            <div class="price-name">服务器月租</div>
            <div class="price-value">60元/月</div>
          </div>
          <div class="note">注：服务器自行购买（不会可知道教学）或联系我购买</div>
        </div>
      </div>
    </div>

    <!-- 定制功能板块 -->
    <div class="section-title">定制功能价格</div>
    <div class="cards-container">
      <div class="card">
        <div class="card-content">
          <div class="price-item">
            <div class="price-name">副将套装（定制）</div>
            <div class="price-value">200元</div>
          </div>
          <div class="price-item">
            <div class="price-name">副将升星（定制）</div>
            <div class="price-value">200元</div>
          </div>
          <div class="price-item">
            <div class="price-name">战斗助手（定制）</div>
            <div class="price-value">200元</div>
          </div>
          <div class="price-item">
            <div class="price-name">无双反震</div>
            <div class="price-value">100元</div>
          </div>
          <div class="price-item">
            <div class="price-name">无双复活</div>
            <div class="price-value">100元</div>
          </div>
          <div class="price-item">
            <div class="price-name">无双封心</div>
            <div class="price-value">150元</div>
          </div>
          <div class="price-item">
            <div class="price-name">乘人之危</div>
            <div class="price-value">150元</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 其他服务板块 -->
    <div class="section-title">其他服务</div>
    <div class="cards-container">
      <div class="card">
        <div class="card-content">
          <div class="price-item">
            <div class="price-name">去除apk广告</div>
            <div class="price-value">100元/月 或 500元永久</div>
          </div>
          <div class="price-item">
            <div class="price-name">更换服务器</div>
            <div class="price-value">首次免费，之后100元/次</div>
          </div>
        </div>
      </div>
    </div>

    <!-- 底部说明 -->
    <div class="ps">
      PS：目前搭建8折，只限制前10位！结束则恢复原价
    </div>
  </div>
  
  <!-- 全功能展示模态框 -->
  <div id="featuresModal" class="modal">
    <div class="modal-content">
      <div class="modal-header">
        全功能展示
        <button class="close-button" onclick="closeModal()">&times;</button>
      </div>
      <div class="modal-body">
        <div class="feature-item">
          <div>
            <div class="feature-name">套装</div>
            <div class="feature-desc">主将穿戴装备可触发套装效果，给主将进行自定义属性加成</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">附魔</div>
            <div class="feature-desc">装备可进行附魔，增加装备属性</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">抢庄</div>
            <div class="feature-desc sensitive-content">敏感内容，此处省略</div>
          </div>
          <div class="feature-price">50元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">称号</div>
            <div class="feature-desc">主将享受称号属性加成</div>
          </div>
          <div class="feature-price">200元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">将魂</div>
            <div class="feature-desc">主将第7件装备，可增加主将属性</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">压积分</div>
            <div class="feature-desc sensitive-content">敏感内容，此处省略</div>
          </div>
          <div class="feature-price">50元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">战斗力</div>
            <div class="feature-desc">根据主将、副将、战马等显示对应的战斗力</div>
          </div>
          <div class="feature-price">300元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">一键挖宝</div>
            <div class="feature-desc">自动完成100次挖宝，无需手动挖</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">物品充值</div>
            <div class="feature-desc">以卡号、卡密的形式给玩家呈现</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">副将模型</div>
            <div class="feature-desc">副将穿戴后可改变外观以及增加自定义的属性</div>
          </div>
          <div class="feature-price">200元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">主将无双</div>
            <div class="feature-desc">主将可激活无双，享受无双技能</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">教派任命</div>
            <div class="feature-desc">教主等职位可对帮派成员进行任命</div>
          </div>
          <div class="feature-price">50元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">副将觉醒</div>
            <div class="feature-desc">副将可吃特定物品来增加属性和成长</div>
          </div>
          <div class="feature-price">200元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">副将多真</div>
            <div class="feature-desc">突破一个副将只能为一个真将的限制</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">刷体疲劳</div>
            <div class="feature-desc">体力值为0后战斗将没有任何收益</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">副将战马</div>
            <div class="feature-desc">副将和主将一样拥有穿戴战马功能</div>
          </div>
          <div class="feature-price">200元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">指定掉落</div>
            <div class="feature-desc">可自定义敌人ID掉落的物品</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        
        <div class="feature-item">
          <div>
            <div class="feature-name">物品副将绑定</div>
            <div class="feature-desc">使玩家的物品、副将无法交易</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
        
        <div class="feature-item">
          <div>
            <div class="feature-name">真将掉成长</div>
            <div class="feature-desc">真将会在72小时后自动刷新初值</div>
          </div>
          <div class="feature-price">100元 永久</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 联系客服模态框 -->
  <div id="contactModal" class="modal">
    <div class="modal-content">
      <div class="modal-header">
        联系客服
        <button class="close-button" onclick="closeContactModal()">&times;</button>
      </div>
      <div class="modal-body" style="text-align: center; padding: 30px 15px;">
        <h3 style="margin-bottom: 20px; color: var(--secondary-color);">搭建请联系</h3>
        <div style="margin-bottom: 15px;">
          <div style="font-weight: bold; margin-bottom: 5px;">QQ：</div>
          <div style="font-size: 18px; color: var(--primary-color);">1530066194</div>
          <div style="font-size: 14px; color: #718096;">(备注来意)</div>
        </div>
        <div style="margin-bottom: 15px;">
          <div style="font-weight: bold; margin-bottom: 5px;">微信：</div>
          <div style="font-size: 18px; color: var(--primary-color);">JGLgames</div>
          <div style="font-size: 14px; color: #718096;">(备注来意)</div>
        </div>
      </div>
    </div>
  </div>

  <!-- 更新日志模态框 -->
  <div id="updateLogModal" class="modal">
    <div class="modal-content">
      <div class="modal-header">
        更新日志
        <button class="close-button" onclick="closeUpdateLogModal()">&times;</button>
      </div>
      <div class="modal-body">
        <h3 style="color: var(--secondary-color); text-align: center; margin-bottom: 15px;">幻想三国OL 神将最新版7月更新内容介绍</h3>
        
        <div style="margin-bottom: 20px;">
          <h4 style="color: var(--primary-color); margin-bottom: 10px;">新增功能：</h4>
          <ol style="padding-left: 20px; line-height: 1.6;">
            <li>在线奖励，玩家可通过在线时长领取金砖/积分（后台自行设置）</li>
            <li>主号机制，玩家注册完成后如果是主号自动发送新人福利（个人斗将/妙手神拳主号才可参与）</li>
            <li>战场加速，玩家可使用游戏自带的加速快速刷体</li>
            <li>APP保活机制，挂机刷体，切屏聊天回复消息，不会在闪退卡死</li>
            <li>金砖存款可选择天数获得对应利息（存款后必须到达时间才能取回）</li>
            <li>抢宝和斗将增加人机，玩家抢宝/斗将等待30S以上匹配不到玩家自动匹配人机 App增加等待时间</li>
            <li>APP招贤管可根据副将成长 体力 精力 攻击 速度排序查看</li>
            <li>新无双：无双反震、无双复活、无双封心、乘人之危</li>
            <li>广场休闲模式玩法，各类小游戏应有尽有</li>
            <li>推荐码，玩家可在注册时填写邀请码，玩家可查看邀请的人数</li>
            <li>副将升星，玩家可对相同副将进行升星</li>
            <li>战斗助手，玩家开启战斗助手后进行战斗可一次性扣除相应体力值并获得相应收益-服主可后台控制</li>
            <li>疲劳值：服主可后台设置疲劳值数量。每周一更新一次，玩家疲劳值不为0时，刷体获得正常经验和银两，如果为0则没任何收益</li>
            <li>新增转职可根据职业增加抗性</li>
          </ol>
        </div>
        
        <div style="margin-bottom: 20px;">
          <h4 style="color: var(--primary-color); margin-bottom: 10px;">优化功能：</h4>
          <ol style="padding-left: 20px; line-height: 1.6;">
            <li>优化主将/副将使用技能书即将到达上限时，批量使用会吞技能书的问题</li>
            <li>优化战场UI，让打斗界面看上去具有高级感</li>
            <li>优化部分界面UI，让游戏界面看上去更加与众不同</li>
            <li>优化娱乐场以及娱乐场自动读秒，不需要在主动点击刷新</li>
            <li>优化副将排行榜以及其他排行榜排名数据错误的问题</li>
          </ol>
        </div>
        
        <div style="margin-bottom: 20px;">
          <h4 style="color: var(--primary-color); margin-bottom: 10px;">修复bug:</h4>
          <ol style="padding-left: 20px; line-height: 1.6;">
            <li>修复当铺：卖家上架商品不需要支付手续费，买家购买物品也无需支付手续费，交易完成后，系统自动扣除商品价值的10%，返还给卖家</li>
            <li>修复巅峰对决和切磋文案显示一致</li>
            <li>后台增加斗将失败也增加分（开关控制）</li>
            <li>修复真将每天自动降低成长bug（7天降低一次）</li>
            <li>真将刷新时间为每晚00：00：10</li>
            <li>修复宝物和将魂无法穿戴宝石问题（需要数据库宝石里设置可镶嵌类型8 9）</li>
            <li>修复在线奖励部分玩家无法计时问题</li>
            <li>真将刷新时间为每晚00:00:10</li>
            <li>主副无双三抗修复</li>
          </ol>
        </div>
        
        <p style="text-align: center; color: var(--secondary-color); font-weight: bold; margin-top: 20px;">
          PS:可测试，可搭建，可游玩！！！持续更新中.........
        </p>
      </div>
    </div>
  </div>

  <!-- 底部导航栏 -->
  <div class="nav-bar">
    <button class="nav-button" onclick="openUpdateLogModal()">更新日志</button>
    <button class="nav-button" onclick="openFeaturesModal()">888全功能展示</button>
    <button class="nav-button" onclick="openContactModal()">我要搭建</button>
  </div>
  
  <script>
    // 打开更新日志模态框
    function openUpdateLogModal() {
      document.getElementById('updateLogModal').style.display = 'block';
      document.body.style.overflow = 'hidden'; // 防止背景滚动
    }
    
    // 关闭更新日志模态框
    function closeUpdateLogModal() {
      document.getElementById('updateLogModal').style.display = 'none';
      document.body.style.overflow = 'auto'; // 恢复背景滚动
    }
    
    // 打开功能展示模态框
    function openFeaturesModal() {
      document.getElementById('featuresModal').style.display = 'block';
      document.body.style.overflow = 'hidden'; // 防止背景滚动
    }
    
    // 关闭功能展示模态框
    function closeModal() {
      document.getElementById('featuresModal').style.display = 'none';
      document.body.style.overflow = 'auto'; // 恢复背景滚动
    }
    
    // 打开联系客服模态框
    function openContactModal() {
      document.getElementById('contactModal').style.display = 'block';
      document.body.style.overflow = 'hidden'; // 防止背景滚动
    }
    
    // 关闭联系客服模态框
    function closeContactModal() {
      document.getElementById('contactModal').style.display = 'none';
      document.body.style.overflow = 'auto'; // 恢复背景滚动
    }
    
    // 点击模态框外部关闭
    window.onclick = function(event) {
      var featuresModal = document.getElementById('featuresModal');
      var contactModal = document.getElementById('contactModal');
      var updateLogModal = document.getElementById('updateLogModal');
      
      if (event.target == featuresModal) {
        closeModal();
      }
      
      if (event.target == contactModal) {
        closeContactModal();
      }
      
      if (event.target == updateLogModal) {
        closeUpdateLogModal();
      }
    }
  </script>
<script>
    // 这里放置统计代码
    const currentUrl = window.location.href;
    const encodedUrl = encodeURIComponent(currentUrl);
    fetch("/record_visit.php?address=" + encodedUrl)
      .then(response => {
            if (!response.ok) {
                throw new Error("网络响应不正常");
            }
            return response.text();
        })
      .then(data => {
            console.log("请求成功:", data);
        })
      .catch(error => {
            console.error("请求失败:", error);
        });
</script><script>
    // 这里放置统计代码
    const currentUrl = window.location.href;
    const encodedUrl = encodeURIComponent(currentUrl);
    fetch("/record_visit.php?address=" + encodedUrl)
      .then(response => {
            if (!response.ok) {
                throw new Error("网络响应不正常");
            }
            return response.text();
        })
      .then(data => {
            console.log("请求成功:", data);
        })
      .catch(error => {
            console.error("请求失败:", error);
        });
</script><script>
            const currentUrl = window.location.href;
            const encodedUrl = encodeURIComponent(currentUrl);
            fetch("/record_visit.php?address=" + encodedUrl)
              .then(response => {
                    if (!response.ok) {
                        throw new Error("网络响应不正常");
                    }
                    return response.text();
                })
              .then(data => {
                    console.log("请求成功:", data);
                })
              .catch(error => {
                    console.error("请求失败:", error);
                });
        </script></body>

</html>